<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../echarts.min.js"></script>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的DOM -->
    <div id="main" style="width: 900px; height: 600px"></div>

    <script>
        var myChart = echarts.init(document.getElementById('main'), 'dark');


        var grids = [];
        var xAxes = [];
        var yAxes = [];
        var series = [];
        var titles = [];
        var count = 0;

        grids = [
            {
                show: true,
                borderWidth: 0,
                backgroundColor: '#fff',
                left: 0
            }
        ]

        xAxes = [
            {
                type: 'value',
                // show: false,
                min: 0,
                max: 1,
                gridIndex: 0
            }, {
                type: 'value',
                min: 0,
                max: 1,
                gridIndex: 0
            }
        ]
        yAxes = [
            {
                type: 'value',
                // show: false,
                min: -0.4,
                max: 1.4,
                gridIndex: 0
            }
        ]
        series=[{}]

        let option = {
            title: titles.concat([{
                text: 'Different Easing Functions',
                top: 'bottom',
                left: 'center'
            }]),
            grid: grids,
            xAxis: xAxes,
            yAxis: yAxes,
            series: series
        }

        myChart.setOption(option);
    </script>
    
</body>
</html>